#about {
    background-color: #f0f8ff;
    transition: background-color 0.3s ease;
}

#about:hover {
    background-color: #e6f3ff;
}


@media (max-width: 767.98px) {

    .text-start,
    .text-end {
        text-align: center !important;
    }
}


@media (max-width: 767.98px) {

    h3.display-4.text-start,
    h3.display-4.text-end {
        text-align: center !important;
    }
}